*{
    margin: 0 ;
    padding: 0;
    list-style: none;
}
.clear:after{
    display: block;
    clear: both;
    content: " ";
}
html{
    font-size: 100px;
    min-width: 7.2rem;
}
a{
    text-decoration: none;
}
.box{
    width: 70.2rem;
    margin: 0 auto;
}

table{
    table-layout: fixed;
    word-break: break-all; 
    word-wrap: break-word; 
    width: 100%;
    border-collapse: collapse;
}
table caption img{
    
    width: 100%;
    display: block;
}
table thead td{
    height: 30px;
    background: #dbe0e3;
}
table thead td:first-child,table tr td:first-child{
    border-right: 2px solid #c5c7c6;
    width: 18px;
}
table tr{
    font-size: 0.16rem;
    
    text-align: center;
}
table  td{
    width: 0.56rem;
    height: 45px;
    border: 1px solid #c5c7c6;
    
}
table tr td p{
    font-size: 0.08rem;
    color: #FFFFFF;
    padding: 1px;
}
.rad{
    border-radius: 6px;
    padding: 1px;
    
}
.blue{
    background: #38aedc;
}
.pink{
    background: #e9729c;
}
.gree{
    background: #91bf38;
}
.yellow{
    background: #f8b73f;
}